.speechF-row-of-cards {
  display: flex;
  flex-wrap: wrap;
}

.speechF-card-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.speechF-card-content {
  flex: 10 0 auto; /* 允许内容区域扩展并占据剩余空间 */
}

.speechF-book-list-container {
  background-color: rgb(255, 255, 255);
}

.speechF-card-title {
  text-align: center;
  font-weight: bold; /* 加粗字体 */
  font-size: 16px;
  margin-bottom: 8px; /* 根据需要调整间距 */
}

.speechF-description {
  text-align: center;
}

/* index.css */
.speechF-small-card-content {
  width: 90%;
  margin: 0 auto; /* 水平居中 */
  max-width: 230px; /* 设置最大宽度限制 */
  max-height: 250px; /* 设置最3高度限制 */
  overflow: hidden; /* 隐藏溢出的内容 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
  transition: box-shadow 0.3s ease; /* 平滑过渡效果 */
}

.speechF-description {
  text-align: center;
}

.speechF-small-card-content.ant-card{
  background-color: white;
}


.speechF-small-card-content:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* 鼠标悬停时增加阴影深度 */
}

.speechF-small-card-content .ant-card-cover img {
  max-height: 150px; /* 设置图片的最大高度 */
  object-fit: cover; /* 保持图片比例并裁剪 */
}

.speechF-small-card-content .ant-card-meta-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.speechF-header {
width: 1510px;
height: 450px;
background: #211F3F;
display: flex;
justify-content: center;
align-items: center;
}

.speechF-left-side {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin-left: 30px;
}

.speechF-right-side {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}

.speechF-speech-container {
text-align: center;
}

.speechF-speech-container h1 {
font-size: 50px;
color: #ebe5f3;
margin-left: 100px; /* 修改为有效的值 */
}

.speechF-myh5 {
color: #ebe5f3;
margin-left: 100px; /* 修改为有效的值 */
font-size: 13px;
}

.speechF-p1 {
font-size: 30px;
color: #251431;
margin: 20px 190px 0;
}

.speechF-svg-image {
max-width: 100%;
max-height: 100%;
height: auto;
}

.speechF-down-svg-image {
  margin-top: 30px;
margin-bottom: 20px;
animation: speechF-bounce 2s infinite ease-in-out;
}

/* 定义关键帧动画 */
@keyframes speechF-bounce {
0%, 100% {
  transform: translateY(0);
}
50% {
  transform: translateY(-10px);
}
}

.speechF-card-hover-effect {
transition: transform 0.3s ease-in-out;
}

.speechF-card-hover-effect:hover {
cursor: pointer;
transform: scale(1.05); /* 放大 5% */
}